<script setup>

import Header from "@/components/Header.vue";
import Footer from "@/components/Footer.vue";
</script>
<template>
  <header>
    <Header @custom-event="searchVideo"></Header>
  </header>
  <body>
  <div id="svgContainer">
    <svg t="1712040045184" class="icon" viewBox="0 0 1799 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
         p-id="3022" width="400" height="400">
      <path
          d="M1788.483232 685.231838h-23.272727v22.362505a11.315717 11.315717 0 0 1-11.481212 10.83992 11.160566 11.160566 0 0 1-11.584647-10.83992v-22.362505h-23.272727a11.284687 11.284687 0 0 1-11.274343-11.046787 10.581333 10.581333 0 0 1 3.309899-7.79895 11.377778 11.377778 0 0 1 7.964444-3.278869h23.272727V640.775758a11.739798 11.739798 0 0 1 19.652526-7.747233 10.436525 10.436525 0 0 1 3.413333 7.726546v22.352161h23.272727A11.377778 11.377778 0 0 1 1799.757576 674.185051a11.108848 11.108848 0 0 1-11.274344 11.046787zM1665.292929 868.745051h-144.808081a20.686869 20.686869 0 0 1 0-41.373738h144.808081a20.686869 20.686869 0 0 1 0 41.373738zM1577.373737 227.555556a67.232323 67.232323 0 1 1 67.335758-67.232324 67.315071 67.315071 0 0 1-67.335758 67.232324z m29.168485-83.988687a33.595475 33.595475 0 1 0 0 33.585131 33.709253 33.709253 0 0 0 0-33.595475zM1403.60404 761.587071l-1.44808 4.344242a40.939313 40.939313 0 0 1-16.549495 20.159354 17.790707 17.790707 0 0 1-8.274748 3.702949 36.377859 36.377859 0 0 0-20.997172 15.825455 39.687758 39.687758 0 0 0-3.309899 29.42707 33.771313 33.771313 0 0 1-11.998383 37.991435 227.648646 227.648646 0 0 1-57.302627 34.898747 27.813495 27.813495 0 0 1-12.61899 2.285899 33.388606 33.388606 0 0 1-23.686464-11.088161 36.822626 36.822626 0 0 0-28.030707-12.577617 29.282263 29.282263 0 0 0-21.410909 10.622708l-0.103435 0.144808a36.884687 36.884687 0 0 1-26.272323 12.060444h-2.37899a21.53503 21.53503 0 0 1-5.895757-0.827475h-0.206869l-2.792727-0.961939a164.812283 164.812283 0 0 1-61.853738-37.712162 34.216081 34.216081 0 0 1-8.998788-38.270707 18.007919 18.007919 0 0 0 0.827475-4.137374H568.888889a103.434343 103.434343 0 0 1-103.434344-103.434343V103.434343A103.434343 103.434343 0 0 1 568.888889 0h620.60606a103.434343 103.434343 0 0 1 103.434344 103.434343v441.664647a165.16396 165.16396 0 0 1 48.82101 32.643879 34.040242 34.040242 0 0 1 8.998788 38.270707 32.943838 32.943838 0 0 0 3.723636 25.66206 31.599192 31.599192 0 0 0 20.169697 16.849455l2.172121 0.341333a33.233455 33.233455 0 0 1 25.651718 28.351354 254.355394 254.355394 0 0 1 4.240808 35.064242v0.724041a191.353535 191.353535 0 0 1-3.103031 36.760565v1.861818zM1251.452121 103.434343a62.060606 62.060606 0 0 0-62.060606-62.060606h-620.60606a62.060606 62.060606 0 0 0-62.060607 62.060606v155.151516h744.727273V103.434343z m0 196.525253h-744.727273v424.080808a62.060606 62.060606 0 0 0 62.060607 62.060606h487.899798a33.202424 33.202424 0 0 1-18.825051-25.558626 169.942626 169.942626 0 0 1-3.516768-36.346828 185.654303 185.654303 0 0 1 3.206465-35.488324v-1.851474l1.344646-4.344243a41.239273 41.239273 0 0 1 16.65293-20.211071 18.194101 18.194101 0 0 1 8.171313-3.651232 36.843313 36.843313 0 0 0 21.100606-15.835798 40.339394 40.339394 0 0 0 3.206465-29.468444 34.288485 34.288485 0 0 1 12.205252-37.950061 223.883636 223.883636 0 0 1 57.199192-34.898747l0.206869-0.072404a33.688566 33.688566 0 0 1 36.92606 8.036848 37.722505 37.722505 0 0 0 28.961616 12.753455 27.048081 27.048081 0 0 0 19.962829-10.343435l0.103434-0.103434 1.344647-1.510141a40.753131 40.753131 0 0 1 6.516363-5.38893V299.959596z m119.880404 424.018747a190.319192 190.319192 0 0 0-3.516767-29.39604l-0.103435-0.558545a66.601374 66.601374 0 0 1-43.649293-33.874748 69.880242 69.880242 0 0 1-6.516363-55.98901l-0.310303-0.382707a131.682263 131.682263 0 0 0-46.855758-29.168485 63.539717 63.539717 0 0 1-50.579394 22.838303 70.335354 70.335354 0 0 1-49.958788-23.076202 188.478061 188.478061 0 0 0-47.786666 29.520162 76.810343 76.810343 0 0 1-6.41293 56.785454 72.40404 72.40404 0 0 1-41.787474 32.716283l-0.206869 0.072404a3.247838 3.247838 0 0 0-1.241212 1.417051 155.668687 155.668687 0 0 0-2.689293 29.39604 127.224242 127.224242 0 0 0 2.689293 28.558222v0.165495l0.206868 0.703354a66.353131 66.353131 0 0 1 43.545859 33.843717 69.528566 69.528566 0 0 1 6.619798 55.999353l0.206869 0.372364a129.292929 129.292929 0 0 0 45.924848 28.506505h0.413738l2.172121 0.713697 0.310303-0.248242a65.163636 65.163636 0 0 1 50.269091-22.672808 70.573253 70.573253 0 0 1 50.269091 23.365818 191.488 191.488 0 0 0 46.545454-28.961616 77.430949 77.430949 0 0 1 6.516364-56.888889 72.693657 72.693657 0 0 1 41.890909-32.747313l0.206869-0.072404a3.971879 3.971879 0 0 0 1.137777-1.396364 153.496566 153.496566 0 0 0 2.792728-29.178828z m-151.634747 75.031273a75.703596 75.703596 0 0 1 0-151.355475 75.703596 75.703596 0 0 1 0 151.355475z m38.477576-75.672565a38.487919 38.487919 0 1 0-38.477576 39.553292 38.591354 38.591354 0 0 0 38.477576-39.553292z m-303.166061-91.477334l107.675151-106.982141L955.009293 417.874747l27.203232-27.037737L1117.090909 524.877576 982.212525 658.876768z m-146.773333 38.425859l100.02101-287.547475 36.408889 12.494869-100.021011 287.547474z m-31.961213-11.377778L641.396364 524.898263 776.274747 390.878384l27.203233 27.037737-107.675152 106.982142L803.47798 631.880404zM382.707071 868.641616H196.525253a20.686869 20.686869 0 0 1 0-41.270303h186.181818a20.686869 20.686869 0 1 1 0 41.270303zM338.333737 93.328808h-34.340202v32.943838a17.004606 17.004606 0 0 1-17.273535 16.818425 17.583838 17.583838 0 0 1-12.205253-4.964849 16.104727 16.104727 0 0 1-5.068282-11.863919V93.339152h-34.309172a17.687273 17.687273 0 0 1-12.339717-4.809697 16.342626 16.342626 0 0 1-5.171717-11.770829 17.07701 17.07701 0 0 1 17.511434-16.621899h34.309172V27.161859a17.283879 17.283879 0 0 1 34.54707 0v32.964525h34.340202a16.621899 16.621899 0 1 1 0 33.202424z m-115.846464 578.870303a11.481212 11.481212 0 0 1 11.636363 11.439838v23.583031h23.541657a11.646707 11.646707 0 0 1 11.377778 11.677737 11.439838 11.439838 0 0 1-11.377778 11.657051h-23.541657v23.58303a11.677737 11.677737 0 0 1-11.636363 11.439838 11.491556 11.491556 0 0 1-11.646707-11.439838v-23.58303h-23.48994a11.657051 11.657051 0 0 1-11.377778-11.657051 11.481212 11.481212 0 0 1 11.377778-11.677737h23.48994v-23.583031a11.677737 11.677737 0 0 1 11.636363-11.439838z m-36.295111 330.989899a20.686869 20.686869 0 0 1-20.686869 20.686869H20.686869a20.686869 20.686869 0 0 1 0-41.373738h144.80808a20.686869 20.686869 0 0 1 20.686869 20.707556zM79.447919 430.752323a69.673374 69.673374 0 0 1-59.836767-33.192081 64.129293 64.129293 0 0 1 0-66.384161 69.652687 69.652687 0 0 1 59.836767-33.192081 66.435879 66.435879 0 1 1-0.010343 132.78901z m29.933899-82.985374a34.795313 34.795313 0 0 0-29.933899-16.549494 33.223111 33.223111 0 1 0 0 66.384161 34.84703 34.84703 0 0 0 29.933899-16.549495 32.064646 32.064646 0 0 0-0.010343-33.264485z m190.484687 634.735192H1499.79798a20.686869 20.686869 0 1 1 0 41.270303H299.856162a20.686869 20.686869 0 0 1 0-41.249616z m1324.06303 0h144.808081a20.686869 20.686869 0 0 1 0 41.373738h-144.808081A20.686869 20.686869 0 0 1 1623.919192 982.522828z"
          fill="#1296db" p-id="3023"></path>
    </svg>
    <div class="tip">
      <strong>功能开发中...敬请期待！</strong>
    </div>
  </div>
  </body>
  <footer>
    <Footer/>
  </footer>
</template>
<script>
import store from "@/store";

export default {
  methods: {
    searchVideo() {
      // this.$refs.video_container.searchData();
      this.$router.push({
        path: "/Hot",
        query: {
          keys: store.state.search.key
        }
      })
    },
  }
}
</script>
<style scoped>
#svgContainer {
  top: 10vh;
  width: 100%;
  height: max-content;
  margin-left: 35%;
  position: relative;
}
.tip{
  position: relative;
  top: -70px;
  margin-bottom: 40vh;
  width: 100%;
  padding-left: 5%;
  font-family: "HarmonyOS Sans SC";
  font-size: 24px;
}
</style>